<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Friend Demo for Bootstrap</title>
    <link rel="shortcut icon" href="./images/index.jpg" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- <link href="https://cdn.bootcss.com/bootstrap-table/1.12.2/bootstrap-table.css" rel="stylesheet"> -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap-table.css">
    <link rel="stylesheet" type="text/css" href="css/init.css">
    <link rel="stylesheet" type="text/css" href="css/test.css">
</head>

<body>
    <!-- <div class="container"> -->
    <!-- 头部LOGO -->
    <div class="header">
        <!-- <div class="container"> -->
        <div class="img">
            <img src="images/1.gif"></img>
        </div>
        <div>
            <h1>UserInfo Table</h1>
        </div>
        <div class="img">
            <img src="images/2.gif"></img>
        </div>
        <!-- </div> -->
    </div>
    <!-- 导航栏 -->
    <div class="navbar navbar-default navbar-inverse" role="navigation">
        <div class="container">
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="info"><a href="#/info">综述</a></li>
                    <li>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#/test">简述<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">谷歌浏览器</a></li>
                            <li><a href="#">IE浏览器</a></li>
                            <li><a href="#">360浏览器</a></li>
                            <li><a href="#">谷歌火狐浏览器</a></li>
                        </ul>
                    </li>
                    <li class="test"><a href="#/test">特点</a></li>
                    <li class="about"><a href="#/about">关于</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 内容区 -->
    <div class="content">
        <div class="col-md-2 left-nav" style="background-clip: red">
            <!-- <h2>Sidebar</h2> -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                <ul class="nav navbar-nav">
                    <li class="col-md-12"><a href="#/test">综述</a></li>
                    <li class="col-md-12">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">简述<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">谷歌浏览器</a></li>
                            <li><a href="#">IE浏览器</a></li>
                            <li><a href="#">360浏览器</a></li>
                            <li><a href="#">谷歌火狐浏览器</a></li>
                        </ul>
                    </li>
                    <li class="col-md-12"><a href="#/test2">特点</a></li>
                    <li class="col-md-12"><a href="#/test3">关于</a></li>
                </ul>
            </div>
            <ul>
                <li><a href="#/info">我是Info路由</a></li>
                <li><a href="#/about">我是about路由</a></li>
                <li><a href="#/test">我是test路由</a></li>
                <li><a href="#/canvas">我是canvas路由</a></li>
            </ul>
        </div>
        <div class="col-md-10 right-content">
            <iframe src="view/info.html" id="iframepage" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
        </div>
        <!-- <iframe src="view/info.html" class="col-md-10" height="600px" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" ></iframe> -->
    </div>
    <!-- 底部区域 -->
    <!-- </div> -->
    <div class="footer">
        <!-- <div class="container"> -->
        <!-- <h2>Footer</h2> -->
        <!-- </div> -->
        <h2>Footer</h2>
    </div>
    <script type="text/javascript" src="js/jquery.js"></script>
    <!-- <script src="https://cdn.bootcss.com/bootstrap-table/1.12.2/bootstrap-table.js"></script> -->
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/bootstrap-table.js"></script>
    <script type="text/javascript" src="js/router.js"></script>
    <script type="text/javascript" src="./js/test.js"></script>
</body>

</html>